<!DOCTYPE html>
<!--
 - index.html
 - @author ydr.me
 - @create 2014-10-21 14:54
 -->
<meta charset="UTF-8">
<title>index.html</title>
<style>
    #demo {
        width: 100px;
        height: 100px;
        background: #fcc;
    }

    #demo:hover {
        -webkit-animation: fadeOut 1s forwards 1 paused;
    }

    @-webkit-keyframes fadeOut {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            display: none;
        }
    }
</style>

<div id="demo"></div>

<!--coolie.js 站外，coolie-config.js 站内-->
<!--<script src="http://sb.com:19092/coolie/coolie.js"-->
        <!--data-config="//sb.com:19093/examples/anonymous/coolie-config.js"-->
        <!--data-main="./anonymous/index.js" coolie></script>-->

<!--coolie.js 站外1，coolie-config.js 站外2-->
<!--<script src="//sb.com:19094/github/coolie/coolie.js"-->
        <!--data-main="./anonymous/index.js" coolie></script>-->
<!--<script src="//sb.com:19092/coolie/examples/anonymous/coolie-config.js"></script>-->

<!--coolie.js 站内，coolie-config.js 站外-->
<!--<script src="/coolie.js"-->
        <!--data-config="//sb.com:19092/coolie/examples/anonymous/coolie-config.js"-->
        <!--data-main="./anonymous/index.js" coolie></script>-->

<!--coolie.js 站外，coolie-config.js 站外-->
<script src="/coolie.js"
        data-config="./examples/anonymous/coolie-config.js"
        data-main="./anonymous/index.js" coolie></script>


<!--coolie.js 站内，coolie-config.js 站内-->
<!--<script src="/coolie.js"-->
        <!--data-config="./examples/anonymous/coolie-config.js"-->
        <!--data-main="./anonymous/index.js" coolie></script>-->

</html>